<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>demo</title>
	</head>
	<body>
		<h2 id="title">哈哈</h2>

		<script type="text/javascript" >

			//靠定时器去监测数据的改变
			/* let obj = {
				a:1
			}
			setInterval(() => {
				if(obj.a !== 1){
					document.getElementById('title').innerText = obj.a
				}
			},100); */


			//靠Object.defineProperty中的stter去监测数据的改变 —— 优秀（就是Vue的底层原理）
			let obj = {}
			Object.defineProperty(obj,'a',{
				get(){
					return 1
				},
				set(value){
					document.getElementById('title').innerText = value
				}
			})

		</script>
	</body>
</html>